<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>Play-During - Cascading Style Sheets Properties</TITLE>
     <link rel="stylesheet" type="text/css" href="../../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<center>
<table border=3 cellpadding=5 cellspacing=0>
<tr>
    <td rowspan=2><h1 class="pagetitle">play-during</h1>
    <b><a href="../../../misc/suppkey.htm">Support Key:</a></b>
    [<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>]<br></td>
    <td colspan=3 align=center><b class="alert">Other Aural Properties</b><br></td>
</tr>
<tr>
    <td><a href="volume.htm">volume</a><br>
    <a href="stress.htm">stress</a><br>
    <a href="richness.htm">richness</a><br>
    <a href="azimuth.htm">azimuth</a><br>
    <a href="elevation.htm">elevation</a><br>
    <a href="voicefam.htm">voice-family</a><br></td>
    <td><a href="speak.htm">speak</a><br>
    <a href="speakpunc.htm">speak-punctuation</a><br>
    <a href="speaknum.htm">speak-numeral</a><br>
    <a href="pitch.htm">pitch</a><br>
    <a href="pitchrange.htm">pitch-range</a><br>
    <a href="speakrate.htm">speech-rate</a></td>
    <td><a href="pause.htm">pause</a><br>
    <a href="pausebef.htm">pause-before</a><br>
    <a href="pauseaft.htm">pause-after</a><br>
    <a href="cue.htm">cue</a><br>
    <a href="cuebef.htm">cue-before</a><br>
    <a href="cueaft.htm">cue-after</a><br></td>
</tr>
<tr><td align=center colspan=4>
<font size=2>= <span class="sitetitle">Index DOT Css</span> by <a 
href="../../../misc/email.htm">Brian Wilson</a> =</font><br>
</td></tr>
</table>
</center>

<div align="center">
<table cellpadding=5 cellspacing=0>
<tr>
    <td>&#160;&#160;<font size=2><a href="../../index.html">Main Index</a> |
        <a href="../../propindex/font.htm">Property Index</a> |
        <a href="../../supportkey/syntax.htm">CSS Support History</a> |
        <a href="../../../history/browsers.htm">Browser History</a></font>&#160;&#160;</td>
</tr>
</table>
</div>
<hr size=1 align="center" width="25%">

<br><br>
<table border=1 cellspacing=0 cellpadding=5>
<tr><td>
<table border=0 cellspacing=0>
<tr>
    <th colspan=3 valign=bottom class="field"><big><u><b
        class="colheaders">&#160;&#160;&#160;Quick Statistics&#160;&#160;&#160;</b></u></big><br></th>
</tr>
<tr><th align=left><b class="l3heading">Default Value: </b><br></th>
    <td rowspan=6>&nbsp;&nbsp;</td>
    <td><b class="alert">auto</b></td></tr>
<tr><th align=left><b class="l3heading">Applicable Elements: </b><br></th>
    <td>All</td></tr>
<tr><th align=left><b class="l3heading">Inherit From Parent: </b><br></th>
    <td>No</td></tr>
<tr><th align=left><b class="l3heading">Applicable Media: </b><br></th>
    <td>Aural</td></tr>
<tr><th align=left><b class="l3heading">HTML Equivalent: </b><br></th>
    <td>&lt;<b class="tagname">bgsound</b>
        <span class="tagattrib">SRC</span>=&quot;[soundfile]&quot;&gt;</td></tr>
<tr><th align=left><b class="l3heading">Official Docs: </b><br></th>
    <td><a href="http://www.w3.org/TR/REC-CSS2/aural.html#mixing-props">CSS2: Sect. 19.6</a>,
        <a href="http://www.w3.org/TR/CSS21/aural.html#mixing-props">CSS2.1: App A.7</a></td></tr>
</table>
</td></tr>
</table>

<dl>
<dt><big><b class="mainheading">What is it?</b></big>
    <dd>This property specifies a sound to be played while an element's content
        is rendered.
</dl>

<dl>
<dt><br><big><b class="mainheading">Allowed Values</b></big>
<dt><b class="subheading">inherit</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Explicitly sets the value of this property to that of the parent.</dd>

<dt><b class="subheading">mix</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        This value indicates that whatever sound file is to be played for this
        element will be played with the sound inherited from the parent element's
        'play-during' property. If this value is not used, the element's
        background sound replaces the 'play-during' sound of any parent.</dd>

<dt><b class="subheading">repeat</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        This value indicates that the specified sound will be repeated to fill
        the time needed to render the element, if it is too short. Otherwise, the
        sound plays once and then stops. If the 'play-during' sound is longer than
        the time needed to render the element content it will be clipped.</dd>

<dt><b class="subheading">auto</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        The 'play-during' sound of the parent element plays only once more. </dd>

<dt><b class="subheading">none</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Nothing is played in the background during the element's rendering, not
        even any parent 'play-during' value. Parent 'play-during' values will
        resume playing after the element is rendered.</dd>

<dt><b class="subheading">[URL]</b></dt>
<dt>[<b><i class="fs">CSS2</i></b>|<b class="s">CSS2.1</b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        Indicates the URL to be used as a background sound while the element's
        content is rendered.</dd>
</dl>

<dl>
<dt><big><b class="mainheading">Syntax</b></big>
    <dd><b class="selector">Selector</b> { <span class="property">play-during:</span>
        auto|none|inherit } <b class="alert">OR</b>
    <dd><b class="selector">Selector</b> { <span class="property">play-during:</span>
        [URL] [mix]? [repeat]? }
</dl>

<dl>
<dt><big><b class="mainheading">Example</b></big>
    <dd><div class="example">Ext/Doc: <b class="selector">q</b> {
        <span class="property">play-during:</span> url(accordian.wav) mix }</div>
    <dd><div class="example">In-Line:&#160; &lt;<b class="tagname">q</b>
        <span class="tagattrib">STYLE</span>=&quot;<span class="property">play-during:</span>
        url(accordian.wav) mix&quot;&gt;Four score and seven years ago!&lt;/<b class="tagname">q</b>&gt;</div>
</dl>

<big><b class="mainheading">Notes</b></big>
<ul>
    <li>Before its inclusion in CSS2, this property was first proposed in the W3C
        Working Draft "Aural Cascading Style Sheets (ACSS)" (1/7/97,
        <a href="http://www.w3.org/Style/CSS/Speech/NOTE-ACSS">http://www.w3.org/Style/CSS/Speech/NOTE-ACSS</a>)
</ul>

<big><b class="mainheading">Browser Peculiarities</b></big>
<ul>
    <li>Nothing to report.
</ul>


<br><br>
<a href="../../../misc/copyright.htm">Boring Copyright Stuff....</a>
<br>

</BODY>
</HTML>